<template>
  <div class="Home-wrap">
    <header>11312</header>
    <el-row>
      <el-col :span="4">
		  <el-menu default-active="1" class="Home-menu" @open="handleOpen" @close="handleClose">
        <!-- <el-menu default-active="1" class="Home-menu" @open="handleOpen" @close="handleClose" background-color="#fff"
          text-color="#333" active-text-color="#ffd04b"> -->

          <!-- <el-submenu index="1">
            <template slot="title">
				<i class="el-icon-menu"></i>
				<router-link to="/Home/Commodity_ification" tag="span">商品分类</router-link>
            </template>
            <el-menu-item-group>
				<el-submenu index="1-4">
					<template slot="title">导航一</template>
					<el-menu-item index="1-4-1">选项1</el-menu-item>
				</el-submenu>
            </el-menu-item-group>
          </el-submenu> -->

		<!-- <el-submenu index="2">
            <template slot="title">
				<i class="el-icon-setting"></i>
               <span>商品列表</span>
            </template>
            <el-menu-item-group>
				<el-submenu index="2-1">
					<template slot="title">导航一</template>
					<el-menu-item index="2-1-1">选项1</el-menu-item>
				</el-submenu>
            </el-menu-item-group>
		</el-submenu> -->
		<el-menu-item index="1">
            <template slot="title">
				<i class="el-icon-menu"></i>
				<router-link to="/Home/Commodity_ification" tag="span">商品分类</router-link>
			</template>
		</el-menu-item>

		<el-menu-item index="2">
            <template slot="title">
						<i class="el-icon-setting"></i>
						<router-link to="/Home/Commodity_list" tag="span">商品列表</router-link>
			</template>
		</el-menu-item>

		<el-menu-item index="3">
            <template slot="title">
				<i class="el-icon-setting"></i>
            	<span>商品</span>
			</template>
		</el-menu-item>

		<el-menu-item index="4">
			<template slot="title">
				<i class="el-icon-setting"></i>
				<router-link to="/Home/Article_classification" tag="span">文章分类</router-link>
			</template>
          </el-menu-item>

		<el-menu-item index="5">
			<template slot="title">
				<i class="el-icon-setting"></i>
				<span>文章列表</span>
			</template>
          </el-menu-item>

		<el-menu-item index="6">
			<template slot="title">
				<i class="el-icon-setting"></i>
				<span>首页banner设置</span>
			</template>
          </el-menu-item>

		<el-menu-item index="7">
			<template slot="title">
				<i class="el-icon-setting"></i>
				<span>我的订单</span>
			</template>
          </el-menu-item>

		<el-menu-item index="8">
			<template slot="title">
				<i class="el-icon-setting"></i>
				<span>用户列表</span>
			</template>
          </el-menu-item>

		<el-menu-item index="9">
			<template slot="title">
				<i class="el-icon-setting"></i>
				<span>秒杀优惠卷</span>
			</template>
		</el-menu-item>

        </el-menu>
      </el-col>
      <el-col :span="20">
         <router-view/>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {
    // this.$http({
    //   method: "get",
    //   url: "https://oneday.dylucas.com/App/index.php/Goods/goodscat"
    // })
    //   .then(function(response) {
    //     console.log(response);
    //   })
    //   .catch(function(error) {
    //     console.log(error);
    //   });
  },
  methods: {
    handleOpen(key, keyPath) {
      console.log("打开?", key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log("关闭", key, keyPath);
    }
  }
};
</script>

<style scoped>
.Home-wrap,
.el-row,
.el-col,
.Home-menu {
  height: inherit;
}
.Home-menu {
  text-align: left;
}
</style>
